const key = 'input'

const templateConfig = {
  key,
  name: '输入框',
  icon: 'comp-input',
  attr: {
    placeholder: '请输入11111111111',
  },
  layouts: {
    outside: {
      name: 'none',
      __style__: {},
    },
    inside: {
      name: 'none',
      __style__: {},
    },
    extends: [],
  },
  style: {},
  events: [],
}

const renderFunc = (config: any) => {
  return () => (
    <div style="border: 1px solid #cccccc;min-height: 40px;">
      {config.name} - {config.id}
    </div>
  )
}

export default {
  key,
  templateConfig,
  sort: 100,
  render: renderFunc,
  designer: renderFunc,
}